const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  // 默认情况下 babel-loader 会忽略所有 node_modules中的文件
  transpileDependencies: false,
  // 配置devServe
  devServer: {
    // 自动打开浏览器配置
    // open: true,
    // 配置IP
    host: '192.168.1.103',
    // 配置端口号
    port: '8888',
    // 配置是否开启服务器压缩

    compress: true,
    proxy: {
      // 我们可能会配置多个代理，每一个每一个代理都起一个名字作为这个配置对象的key，未来通过把这个名字作为请求前缀来区分使用哪一个代理
      "/dev-api1": {
        // 目标服务器地址
        target: 'http://gmall-h5-api.atguigu.cn/',
        // 是否开启WebSocket协议
        // ws: true,
        // 是否在跨域的时候，把请求的源改为目标地址（一般写为true），这样目标地址就会放行
        changeOrigin: true,
        // 如果需要去请求代理，则把请求地址的前缀替换（前缀的作用只是为了找到对应的代理）
        pathRewrite: {
          "^/dev-api1": "",
        }
      }
    }
  },
  // 是否打开esLint检测（默认是true）
  // lintOnsave:false

  // 配置路径别名
  // 如果configureWebpack这个值是一个对象，则会用过webpack-merge 合并到最终的配置中
  configureWebpack: {
    resolve: {
      alias: {
        '@comp': '@/components',
        '@ass': '@/assets'
      }
    }
  }
})
